<%-- 
    Document   : stock
    Created on : 17-jun-2013, 0:16:40
    Author     : General
--%>

<!DOCTYPE html>
<html>
    <jsp:include page="/WEB-INF/pages/header.jsp">
        <jsp:param name="title" value="Welcome!" />
    </jsp:include>
    
    <body>
        <div id="main" class="main">
            <h1>Hello World!</h1>
            <div id="stockList">
                <div>
                    <a href="Stock" >Stock</a>
                </div>
                <div>
                    <a href="StockPrice/TS.BA" >StockPrice</a>
                </div>
                <div>
                    <a href="Stock/showStock/TS.BA" >showStock StockPrice TS.BA</a>
                </div>
                <div>
                    <a href="Stock/listAll" >Manage Stock</a>
                </div>
                
            </div>
            <script>
                $(function() {
                    $( "#tabs" ).tabs();
                });
            </script>

            <div id="stockList">
                <div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">

                    <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
                        <li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="tabs-1" aria-labelledby="ui-id-2" aria-selected="true"><a href="#tabs-1" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-2">All</a></li>
                        <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tabs-2" aria-labelledby="ui-id-3" aria-selected="false"><a href="#tabs-2" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-3">Merval</a></li>
                        <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tabs-3" aria-labelledby="ui-id-4" aria-selected="false"><a href="#tabs-3" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-4">Merv.25</a></li>
                    </ul>

                    <div id="tabs-1" aria-labelledby="ui-id-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-expanded="true" aria-hidden="false" style="display: block;">
                        <ul>
                            <li><a href="Stock/showStock/APBR.BA" >APBR.BA</a></li>
                            <li><a href="Stock/showStock/GAMI.BA" >GAMI.BA</a></li>
                            <li><a href="Stock/showStock/SAMI.BA" >SAMI.BA</a></li>
                            <li><a href="Stock/showStock/TS.BA" >TS.BA</a></li>
                        </ul>
                    </div>
                    <div id="tabs-2" aria-labelledby="ui-id-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" style="display: none;" aria-expanded="false" aria-hidden="true">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
                    <div id="tabs-3" aria-labelledby="ui-id-4" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" style="display: none;" aria-expanded="false" aria-hidden="true">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
                </div>
            </div>
        </div>
    </body>
</html>